<!DOCTYPE html>
<html lang="ta">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>எதிர்காலகுறியீட்டாளர்: புதிதாக பைத்தானைக் கற்றுக்கொள்ளுங்கள்.</title>
    <link href="https://fonts.googleapis.com/css?family=Heebo:400,400i,500,700|Titillium+Web:600" rel="stylesheet">
    <link rel="stylesheet" href="static/css/brochure/style.css"/>
    <link rel="stylesheet" href="static/css/home.css"/>
    <script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css">
    <link rel="shortcut icon" type="image/png" href="static/logo/favicon_32px.png"/>
    <meta property="og:title" content="எதிர்காலகுறியீட்டாளர்: புதிதாக பைத்தானைக் கற்றுக்கொள்ளுங்கள்."/>
    <meta property="og:type" content="website"/>
    <meta property="og:description" content="100% இலவசம் மற்றும் ஆரம்பநிலைக்கான ஊடாடும் பைதான் பாடநெறி"/>
    <meta property="og:image" content="https://futurecoder.io/static/logo/bordered.png"/>
</head>
<body onload="AOS.init({once:true})">
<div class="body-wrap boxed-container home-page language-ta">
    <div style="position:fixed; z-index:0; top:0; left:0; width:100%; height:100%;">
        <canvas id="canvas" style="width:100%; height:100%;"></canvas>
    </div>

    <header class="site-header">
        <div class="container">
            <div class="site-header-inner">
                <div class="brand header-brand float-left">
                    <img id="logo" src="static/logo/bordered.png" data-aos="fade-right" data-aos-delay="0">
                </div>
                <div class="navbar float-right" data-aos="fade" data-aos-duration="1000" data-aos-delay="1000">
                    <a href="http://futurecoder.io">
                        <img class="translation-icon" src="static/img/icons/language.png"/> English
                    </a>
                    <a href="http://es.futurecoder.io">
                        <img class="translation-icon" src="static/img/icons/language.png"/> Español
                    </a>
                    <a href="http://fr.futurecoder.io">
                        <img class="translation-icon" src="static/img/icons/language.png"/> Français
                    </a>
                    <a href="http://pl.futurecoder.io">
                        <img class="translation-icon" src="static/img/icons/language.png"/> Polski
                    </a>
<!--                    <a href="http://ta.futurecoder.io">-->
<!--                        <img class="translation-icon" src="static/img/icons/language.png"/> தமிழ்-->
<!--                    </a>-->
                    <a href="http://zh.futurecoder.io">
                        <img class="translation-icon" src="static/img/icons/language.png"/> 中文
                    </a>
                    <a href="https://github.com/alexmojaki/futurecoder">
                        <i class="fab fa-github"></i> Github
                    </a>
                </div>
            </div>
        </div>
    </header>
    <main>
        <section class="hero">
            <div class="container center-content">
                <div class="hero-inner">
                    <div>
                        <h1 class="hero-title mt-0 is-revealing" data-aos="fade-right" data-aos-delay="100">
                            எதிர்காலகுறியீட்டாளர்
                        </h1>
                        <h3 class="hero-paragraph is-revealing" data-aos="fade-right" data-aos-delay="200">
                            புதிதாக பைத்தானைக் கற்றுக்கொள்ளுங்கள்.
                        </h3>


                        <div class="bullets-inner section-inner">
                            <div class="bullets-wrap">
                                <div class="bullet" data-aos="fade-up" data-aos-delay="500" data-aos-offset="-200px">
                                    <div class="bullet-inner">
                                        <div class="bullet-header mb-16">
                                            <div class="bullet-icon mr-16">
                                                <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg">
                                                    <g fill="none" fill-rule="nonzero">
                                                        <path d="M16 9c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4z" fill="#4353FF"/>
                                                        <path d="M27 9c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4 1.794 4 4 4z" fill="#43F1FF"/>
                                                        <path d="M27 12c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4z" fill="#4353FF"/>
                                                        <path d="M5 23c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4z" fill="#43F1FF"/>
                                                        <path d="M27 23c-1.859 0-3.41 1.28-3.858 3h-3.284A3.994 3.994 0 0 0 17 23.142v-3.284c1.72-.447 3-2 3-3.858 0-2.206-1.794-4-4-4-1.859 0-3.41 1.28-3.858 3H8.858A3.994 3.994 0 0 0 6 12.142V8.858c1.72-.447 3-2 3-3.858 0-2.206-1.794-4-4-4S1 2.794 1 5c0 1.858 1.28 3.41 3 3.858v3.284c-1.72.447-3 2-3 3.858 0 2.206 1.794 4 4 4 1.859 0 3.41-1.28 3.858-3h3.284A3.994 3.994 0 0 0 15 19.858v3.284c-1.72.447-3 2-3 3.858 0 2.206 1.794 4 4 4 1.859 0 3.41-1.28 3.858-3h3.284c.447 1.72 2 3 3.858 3 2.206 0 4-1.794 4-4s-1.794-4-4-4z" fill="#4353FF"/>
                                                    </g>
                                                </svg>
                                            </div>
                                            <h4 class="bullet-title m-0">ஊடாடும் கற்றலை மறுவரையறை செய்கிறது</h4>
                                        </div>
                                        <!--p class="text-sm mb-0">...</p-->
                                    </div>
                                </div>
                                <div class="bullet" data-aos="fade-up" data-aos-delay="600" data-aos-offset="-200px">
                                    <div class="bullet-inner">
                                        <div class="bullet-header mb-16">
                                            <div class="bullet-icon mr-16">
                                                <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg">
                                                    <g fill-rule="nonzero" fill="none">
                                                        <path d="M7 8H1a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1zM19 8h-6a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1z" fill="#4353FF"/>
                                                        <path d="M19 20h-6a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1z" fill="#43F1FF"/>
                                                        <path d="M31 8h-6a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1z" fill="#4353FF"/>
                                                        <path d="M7 20H1a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1z" fill="#43F1FF"/>
                                                        <path d="M7 32H1a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1z" fill="#4353FF"/>
                                                        <path d="M29.5 18h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5z" fill="#43F1FF"/>
                                                        <path d="M17.5 30h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5zM29.5 30h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5z" fill="#4353FF"/>
                                                    </g>
                                                </svg>
                                            </div>
                                            <h4 class="bullet-title m-0">100% இலவச & திறந்த மூலம்</h4>
                                        </div>
                                        <!--p class="text-sm mb-0">...</p-->
                                    </div>
                                </div>
                                <div class="bullet" data-aos="fade-up" data-aos-delay="700" data-aos-offset="-200px">
                                    <div class="bullet-inner">
                                        <div class="bullet-header mb-16">
                                            <div class="bullet-icon mr-16">
                                                <svg width="32" height="32" xmlns="http://www.w3.org/2000/svg">
                                                    <g fill-rule="nonzero" fill="none">
                                                        <path d="M4 12H0V5a5.006 5.006 0 0 1 5-5h7v4H5a1 1 0 0 0-1 1v7z" fill="#43F1FF"/>
                                                        <path d="M32 12h-4V5a1 1 0 0 0-1-1h-7V0h7a5.006 5.006 0 0 1 5 5v7zM12 32H5a5.006 5.006 0 0 1-5-5v-7h4v7a1 1 0 0 0 1 1h7v4z" fill="#4353FF"/>
                                                        <path d="M27 32h-7v-4h7a1 1 0 0 0 1-1v-7h4v7a5.006 5.006 0 0 1-5 5z" fill="#43F1FF"/>
                                                    </g>
                                                </svg>
                                            </div>
                                            <h4 class="bullet-title m-0">ஆரம்பநிலையாளர்களுக்காக கவனத்துடன் வடிவமைக்கப்பட்டுள்ளது</h4>
                                        </div>
                                        <!--p class="text-sm mb-0">...</p-->
                                    </div>
                                </div>
                            </div>
                        </div>


                        <div data-aos="fade-in" data-aos-delay="1000" data-aos-offset="-600px">
                            <div style="width: 312px">
                                <a class="button button-primary button-complimentary-color button-block big" href="/course/"
                                   style="width: 100%"
                                >
                                    <i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i> கற்கத் தொடங்குங்கள்
                                </a>

                                <div style="width: 100%; text-align: center">அல்லது</div>

                                <a class="button button-primary button-block big" href="/course/#ide"
                                   style="width: 100%"
                                >
                                    <i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i><i class="fa fa-chevron-right"></i> குறியீட்ட தொடங்கவும்
                                </a>
                            </div>
                        </div>

                    </div>
                    <div class="hero-illustration">
                        <div id="hero-image" class="is-moving-object is-rotating">
                            <img width="640" height="540" src="static/img/terminal.png">
                        </div>
                    </div>
                </div>
            </div>

            <div class="spacer"></div>
            <div class="spacer"></div>
            <div class="spacer"></div>

            <div class="container flex" style="justify-content: center" data-aos="fade-down" data-aos-duration="1800" data-aos-delay="1200" data-aos-offset="-800px">
                <div id="scroll-animation">
                    <a href="#header-end-anchor"><span></span></a>
                </div>
            </div>
            <div id="header-end-anchor"></div>

        </section>


        <section id="testimonials">
            <div class="container" data-aos="fade-up" data-aos-duration="800" data-aos-offset="200">
                <h1 class="center-text">மற்றவர்கள் என்ன நினைக்கிறார்கள் என்று பாருங்கள்</h1>
                <div class="badges">
                    <div class="badge">
                        <a href="https://www.reddit.com/r/learnprogramming/comments/qjs3wh/i_built_futurecoder_a_100_free_and_interactive/">
                            <div class="center-text">
                                <i class="fab fa-reddit-alien"></i>
                                r/LearnProgramming
                            </div>
                            <div class="flex">
                                <span><i class="fa fa-arrow-up"></i> 1786</span>
                                <span><i class="fa fa-medal"></i> 36</span>
                                <span><i class="fa fa-comments"></i> 118</span>
                            </div>
                        </a>
                    </div>
                    <div class="badge">
                        <a href="https://www.reddit.com/r/InternetIsBeautiful/comments/qo0j20/i_built_futurecoder_a_100_free_and_interactive/">
                            <div class="center-text">
                                <i class="fab fa-reddit-alien"></i>
                                r/InternetIsBeautiful
                            </div>
                            <div class="flex">
                                <span><i class="fa fa-arrow-up"></i> 560</span>
                                <span><i class="fa fa-medal"></i> 6</span>
                                <span><i class="fa fa-comments"></i> 37</span>
                            </div>
                        </a>
                    </div>
                    <div class="badge">
                        <a href="https://github.com/alexmojaki/futurecoder">
                            <div class="center-text">
                                <i class="fab fa-github"></i>
                                GitHub
                            </div>
                            <div class="flex">
                                <span><i class="fa fa-star"></i> 1300+</span>
                            </div>
                        </a>
                    </div>
                    <div class="badge testimonial">
                        <a href="https://github.com/alexmojaki/futurecoder/issues/164">
                            நான் w3schools மற்றும் பிற பயன்பாடுகளைப் பயன்படுத்துகிறேன், ஆனால் இதுவே நான் இப்போது
                            <strong>
                                 கண்டுபிடிக்கக்கூடிய சிறந்த ஊடாடும் செயலியாகும்.
                            </strong>
                            இதை செய்ததற்கு மிக்க நன்றி.
                        </a>
                    </div>
                    <div class="badge testimonial">
                        <a href="https://www.reddit.com/r/Python/comments/pieyuu/i_built_futurecoder_a_free_interactive_python/hefgowx">
                            <strong>இது புத்திசாலித்தனம்! நான் இதை விரும்புகிறேன்!</strong>
                            கற்றுக்கொள்வதற்கு இது
                            <strong>மிகவும் எளிதான வழியாக </strong> இருந்திருக்கும் என்று நான் நினைக்கிறேன்.
                            நான் செய்தபோது என்னிடம் இது இல்லை என்று கிட்டத்தட்ட வருத்தமாக இருக்கிறேன்.
                        </a>
                    </div>
                    <div class="badge testimonial">
                        <a href="https://www.youtube.com/watch?v=un1BrrV57PA&lc=UgxTuVzf0xK0RuqLgeZ4AaABAg">
                            எதிர்காலகுறியீட்டாளர் நான் சந்தித்த
                            <strong>சிறந்த ஊடாடும் (அல்லது ஊடாடாத)
                                நிரலாக்க பயிற்சி.</strong>.
                            சிறந்த வேகம், சரியான பயனர்இடைமுகம்/பயனர்அனுபவம்.
                        </a>
                    </div>
                    <div class="badge testimonial">
                        <a href="https://www.reddit.com/r/learnprogramming/comments/rmv603/im_a_senior_c_software_developer_and_i_want_to/hprxyn6/">
                            <strong>Codecademyயை விட இந்த வழி எனக்கு மிகவும் பிடிக்கும்.</strong>.
                            பயிற்சிகளைச் செய்யும்போது நீங்கள் 99% சுறுசுறுப்பாகக் கற்றுக் கொண்டிருக்கிறீர்கள்.
                            <strong>இன்னும் பல வகுப்புகள் இந்த வழியில் கற்பிக்கப்பட வேண்டும்! நான் அதை விரும்புகிறேன்!</strong>
                        </a>
                    </div>
                    <div class="badge testimonial">
                        <a href="https://www.reddit.com/r/InternetIsBeautiful/comments/qo0j20/comment/hjlwk1c/">
                            அற்புதமான ஆதாரம்.
                            இது மிகவும் நன்றாக ஒன்றாக இணைக்கப்பட்டது.
                            <strong>பல படிப்புகள் இந்த நடத்தும் வகையைப் பயன்படுத்தலாம்.</strong>
                        </a>
                    </div>
                    <div class="badge testimonial">
                        <a href="https://www.reddit.com/r/InternetIsBeautiful/comments/qo0j20/comment/hk0mfcq/">
                            உண்மையைச் சொல்வதென்றால், நிரலாக்கத்தில் எனக்கு ஆர்வம் இருந்ததில்லை, ஆனால் உங்கள்
                            <strong>பாடத்திட்டத்தைப் பயன்படுத்துவது மிகவும் எளிதானது,</strong>
                            அதனால் நான் தினமும் நிரலாக்கத்தைக் கற்றுக்கொண்டிருக்கிறேன்.
                        </a>
                    </div>
                </div>
            </div>
        </section>

        <section id="features">
            <div class="container">
                <div data-aos="fade-up" data-aos-duration="800" data-aos-offset="200">
                    <h1 class="center-text">உள்ளே எட்டிப்பார்க்கவும்!</h1>
                </div>
                <div class="spacer"></div>

                <div>
                    <div class="feature flex">
                        <div class="feature-image" data-aos="fade-left" data-aos-duration="800">
                            <img src="static/img/features/ta_layout.png">
                        </div>
                        <div class="feature-text" data-aos="fade-right" data-aos-duration="800" data-aos-delay="200">
                            <div class="feature-header">
                                <div class="feature-line"></div>
                                <h3>முழுமையாக ஊடாடும்</h3>
                            </div>
                            <p>
                                பயனர்கள் வழங்கப்பட்ட தொகுப்பான் அல்லது ஓட்டில் குறியீட்டை இயக்க வேண்டும் மற்றும் முன்னேற கேள்விகளுக்கு பதிலளிக்க வேண்டும்.
                            </p>
                        </div>
                    </div>

                    <div class="feature flex">
                        <div class="feature-text" data-aos="fade-left" data-aos-duration="800" data-aos-delay="200">
                            <div class="feature-header">
                                <h3>எளிதான பிழைத்திருத்தம்</h3>
                                <div class="feature-line">
                                </div>
                            </div>
                            <p>
                                ஒரே சொடுக்கில், பயனர்கள் செயல்படுத்துவதைக் காட்சிப்படுத்தவும் சிக்கல்களைக் கண்டறியவும் சக்திவாய்ந்த பிழைத்திருத்தங்களை இயக்க முடியும்.
                                மூன்று பிழைத்திருத்தங்கள் உள்ளன, ஒவ்வொன்றும் அதன் சொந்த பலம் கொண்டவை:
                                <a href="http://pythontutor.com/">பைதான் ஆசிரியர் Python Tutor</a>, <a href="https://github.com/alexmojaki/snoop">பதுங்கிச்செல் Snoop</a>, மற்றும்
                                <a href="https://github.com/alexmojaki/birdseye">பறவையின் கண் Bird's Eye</a> (pictured).
                            </p>
                        </div>
                        <div class="feature-image" data-aos="fade-right" data-aos-duration="800">
                            <img src="static/img/features/birdseye.png">
                        </div>
                    </div>

                    <div class="feature flex">
                        <div class="feature-image" data-aos="fade-left" data-aos-duration="800">
                            <img src="static/img/features/traceback.png">
                        </div>
                        <div class="feature-text" data-aos="fade-right" data-aos-duration="800" data-aos-delay="200">
                            <div class="feature-header">
                                <div class="feature-line"></div>
                                <h3>மேம்படுத்தப்பட்ட பிழைச் செய்திகள்</h3>
                            </div>
                            <p>
                                சாதாரண பைதான் தடயங்கள் ஆரம்பநிலையாளர்களுக்கு பயமுறுத்துகிறது.
                                எதிர்காலகுறியீட்டாளர் பயத்தை நீக்கி, அதற்கு பதிலாக அவர்களுக்கு உதவியாக இருக்கும்.
                            </p>
                        </div>
                    </div>

                    <div class="feature flex">
                        <div class="feature-text" data-aos="fade-left" data-aos-duration="800" data-aos-delay="200">
                            <div class="feature-header">
                                <h3>பார்சன்சு Parsons சிக்கல்கள்</h3>
                                <div class="feature-line"></div>
                            </div>
                            <p>
                                ஒரு மாணவர் ஒரு பயிற்சியைத் தீர்க்கும் முயற்சியில் சிக்கி, அனைத்து குறிப்புகளும் தீர்ந்துவிட்டால்,
                                அதற்குப் பதிலாக மாற்றியமைக்கப்பட்ட தீர்வை சரியான வரிசையில் வைக்க முயற்சி செய்யலாம்.
                                இது அவர்கள் விரக்தியைக் குறைக்கும் அதே வேளையில் அவர்கள் மனதைப் பயன்படுத்துவதை உறுதி செய்கிறது.
                            </p>
                        </div>
                        <div class="feature-image" data-aos="fade-right" data-aos-duration="800">
                            <img src="static/img/features/parsons.png">
                        </div>
                    </div>

                    <div class="feature flex">
                        <div class="feature-image" data-aos="fade-left" data-aos-duration="800">
                            <img src="static/img/features/solution.png">
                        </div>
                        <div class="feature-text" data-aos="fade-right" data-aos-duration="800" data-aos-delay="200">
                            <div class="feature-header">
                                <div class="feature-line"></div>
                                <h3>தீர்வு ரொட்டிதுண்டுகள்</h3>
                            </div>
                            <p>
                                கடைசி முயற்சியாக, மீதமுள்ள இடைவெளிகளை தாங்களாகவே நிரப்ப போதுமான தகவல்கள்
                                கிடைக்கும் வரை மாணவர்கள் படிப்படியாக தீர்வை வெளிப்படுத்தலாம்.
                            </p>
                        </div>
                    </div>

                    <h4 class="center-text" data-aos="fade-up" data-aos-duration="800" data-aos-delay="200">
                        இது அம்சங்களின் ஒரு மாதிரி மட்டுமே.
                        <br>மேலும், <a href="#demo-vid">மேலும் தகவலுக்கு கீழே உள்ள வீடியோவைப் பார்க்கவும்</a> அல்லது
                        <a href="/course/">உடனடியாகத் தொடங்குங்கள்!</a>
                    </h4>
                </div>

            </div>
        </section>

        <section id="demo-vid" data-aos="fade-up" data-aos-duration="800" data-aos-offset="300">
            <div class="container flex center-content">
                <div>
                    <h2>அம்சங்கள் மற்றும் நன்மைகளின் விளக்கக்காட்சியைப் பாருங்கள்:</h2>
                    <!-- https://stackoverflow.com/a/20130011/2482744 -->
                    <div style="position: relative; padding-top: 56.25%">
                        <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
                                src="https://www.youtube.com/embed/un1BrrV57PA"
                                frameborder="0"
                                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                                allowfullscreen
                        ></iframe>
                    </div>
                </div>
            </div>
        </section>

        <section id="email-newsletter" data-aos="fade-up" data-aos-duration="800" data-aos-offset="300">
            <div class="container flex">
                <div class="col">
                    <h2 class="marginless text-right">எதிர்காலகுறியீட்டாளர் பற்றிய அறிவிப்புகளைப் பெற வேண்டுமா?</h2>
                </div>
                <div class="col">
                    <input id="email-input" type="email" placeholder="மின்னஞ்சல்">
                    <button class="button button-primary button-block" onclick="submitEmail()">
                        சமர்ப்பிக்கவும்
                    </button>
                    <div id="email-success"
                         style="display: none; margin-top: 0.5em; font-weight: bold; color: #76ff76"
                    >
                        <i class="far fa-check-circle"></i>
                        சேமிக்கப்பட்டது!
                    </div>
                </div>
            </div>
        </section>

        <section id="about">
            <div class="container flex" data-aos="fade-up" data-aos-delay="100" data-aos-duration="800" data-aos-offset="50">
                <div class="col">
                    <img class="floating-anim-6" id="about-logo" src="static/logo/bordered.png">
                </div>
                <div class="col">
                    <h2 class="marginless">பற்றி</h2>
                    <p>
                        <b>எதிர்காலகுறியீட்டாளர் (futurecoder) என்பது ஒரு இலவச மற்றும் திறந்த மூல தளம் மற்றும் பைத்தானில் (Python)
                            நிரலாக்கத்தை முழுமையாக ஆரம்பிப்பவர்களுக்கு கற்றுக்கொடுக்கும் பாடமாகும்.</b>
                    </p>
                    <h5>எதிர்காலகுறியீட்டாளரின் நீண்ட கால இலக்குகள் பேராவலுடையவை:</h5>
                    <ul>
                        <li>கணினிகணக்கீடு கல்வியில் புரட்சியை ஏற்படுத்துங்கள். தற்போதைய கற்றல்-குறியீடு தளங்கள் மிகவும் சிறப்பாக இருக்கும் என்று நாங்கள் நம்புகிறோம். </li>
                        <li>ஒவ்வொருவரும் பங்களிக்கக்கூடிய மற்றும் மேம்படுத்தக்கூடிய சிறந்த கற்றல் வளத்தை சாத்தியமாக்குங்கள்</li>
                        <li>பின்னணி அல்லது திறமையைப் பொருட்படுத்தாமல் எவரும் சொந்தமாக நிரலாக்கத்தைக் கற்றுக்கொள்ள அனுமதிக்கவும்</li>
                    </ul>
                    <h5>இதை அடைய நாங்கள் சொல்கிறோம்:</h5>
                    <ul>
                        <li>உண்மையான குறியீட்டை எழுதக் கற்றுக் கொள்ளும்போது மாணவர்களை ஈடுபாட்டுடனும் ஆர்வத்துடனும் வைத்திருத்தல்</li>
                        <li>விரக்தியைத் தடுக்க பயன்படுத்த எளிதான சக்திவாய்ந்த கருவிகளை வழங்குதல்</li>
                        <li>பைதான் கற்பித்தல், முதலில் கற்க சிறந்த மொழியாகவும், உண்மையான பயன்பாடுகளில்
                            மிகவும் பிரபலமான மொழியாகவும் பரவலாகக் கருதப்படுகிறது.</li>
                        <li>திறந்த மூல குறியீட்டு தளத்துடன் தொடர்ந்து மறுபரிசீலனை செய்தல்</li>
                    </ul>
                </div>
            </div>
        </section>

        <section id="contribute" data-aos="fade-up" data-aos-duration="800">
            <div class="container flex">
                <div class="col">
                    <p class="text-right">
                        இது ஒரு முடிவற்ற திட்டம்.
                        இந்த தளத்தை பெரிதாக்கவும் சிறப்பாகவும் செய்ய நிறைய வேலைகள் உள்ளன.
                        அனைத்து வகையான உதவிகளும் தேவை மற்றும் பெரிதும் பாராட்டப்படுகிறது!
                    </p>
                </div>
                <div class="col">
                    <img class="tech-stack-icon floating-anim-5" src="static/img/icons/python.png">
                    <img class="tech-stack-icon floating-anim-7" src="static/img/icons/react.png">
                    <h3 class="marginless">குறியீடு அல்லது பாடநெறி உள்ளடக்கத்தை பங்களிக்க ஆர்வமா?</h3>
                    <br>
                    <a href="https://github.com/alexmojaki/futurecoder/blob/main/how_to_contribute.md" class="button button-primary button-block">
                        <i class="fab fa-github"></i>&nbsp&nbsp GitHub கிட்மையத்தில் பங்களிப்பு வழிகாட்டியைப் பார்க்கவும்
                    </a>
                </div>
            </div>

            <div class="spacer"></div>
            <div class="spacer"></div>

            <div class="container flex">
                <div class="col">
                </div>
                <div class="col">
                    <h3>எங்களை தொடர்பு கொள்ள</h3>
                    <p>
                        <i class="fab fa-discord"></i>&nbsp&nbsp
                        <a href="https://discord.gg/KwWvQCPBjW">
                            Discord சுலாக்கில் அரட்டை அடிக்கவும்
                        </a>
                    </p>
                    <p>
                        <i class="fab fa-github"></i>&nbsp&nbsp
                        <a href="https://github.com/alexmojaki/futurecoder/issues/new">
                            GitHub கிட்மையதில் சிக்கலைத் திறக்கவும்
                        </a>
                    </p>
                    <p>
                    <p>
                    <i class="fas fa-envelope"></i>&nbsp&nbsp
                        <a href="mailto:hello@futurecoder.io">
                            hello@futurecoder.io
                        </a>
                    </p>
                </div>
            </div>
        </section>


    </main>

    <footer class="site-footer">
        <div class="footer-dots is-moving-object is-translating" data-translating-factor="160">
            <!-- todo -->
            <!--svg width="69" height="91" xmlns="http://www.w3.org/2000/svg">
                <g fill="#43F1FF" fill-rule="evenodd">
                    <path d="M37.105 41.007l-2.9 1.334-.786 2.823.926 2.689 2.76 1.154 2.6-1.31 1.714-2.533-1.296-2.94z"/>
                    <path fill-opacity=".64" d="M63.109 27.24l-1.45.666-.394 1.412.464 1.344 1.38.577 1.3-.655.856-1.266-.647-1.47z"/>
                    <path fill-opacity=".24" d="M66.226 86.638l-1.45.667-.393 1.412.463 1.344 1.38.577 1.3-.655.857-1.266-.648-1.47z"/>
                    <path fill-opacity=".64" d="M13.497 43.713l-2.175 1-.59 2.118.695 2.016 2.07.866 1.95-.983 1.285-1.9-.972-2.204z"/>
                    <path fill-opacity=".8" d="M59.076 56.658l-2.175 1-.59 2.117.695 2.017 2.07.866 1.949-.983 1.286-1.9-.972-2.204z"/>
                    <path fill-opacity=".48" d="M22.262 18.49l-1.45.667-.393 1.412.463 1.344 1.38.577 1.3-.655.857-1.266-.648-1.47z"/>
                    <path fill-opacity=".64" d="M23.422.5l-1.45.667-.393 1.412.463 1.344 1.38.577 1.3-.655.857-1.266-.648-1.47z"/>
                    <path fill-opacity=".48" d="M2.637 12.5l-1.45.667-.393 1.412.463 1.344 1.38.577 1.3-.655.857-1.266-.648-1.47zM36.563 10.856l-.725.334-.197.706.232.672.69.288.65-.327.428-.633-.324-.735z"/>
                </g>
            </svg -->
        </div>
        <div class="container flex">
            <div class="site-footer-inner has-top-divider">
                <div class="footer-copyright">
                    &copy; 2025 Alex Hall
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="https://www.flaticon.com/free-icons/language" title="language icons">மொழி ஐகான் உருவாக்கப்பட்டது ஃப்ரீபிக் Freepik - ஃபிளாட்டிகான் Flaticon</a>
                </div>
                <div class="footer-translation">
                    <i class="fas fa-envelope"></i>&nbsp&nbsp <a href="mailto:anishprabu.t@gmail.com">தமிழாக்கம்: தமிழ் நேரக்குழு</a>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <a href="https://tamilneram.github.io" title="முகப்பு">&#x1F3E0;&nbsp&nbsp தமிழ் மொழிபெயர்ப்பாளர்கள் வலைப்பக்கம்</a>
                </div>
                <!--ul class="footer-social-links list-reset">
                    <li>
                        <a href="#">
                            <span class="screen-reader-text">Facebook</span>
                            <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                <path d="M6.023 16L6 9H3V6h3V4c0-2.7 1.672-4 4.08-4 1.153 0 2.144.086 2.433.124v2.821h-1.67c-1.31 0-1.563.623-1.563 1.536V6H13l-1 3H9.28v7H6.023z" fill="#FFFFFF"/>
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="screen-reader-text">Twitter</span>
                            <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                <path d="M16 3c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4C.7 7.7 1.8 9 3.3 9.3c-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1.4 1.3 1.6 2.3 3.1 2.3-1.1.9-2.5 1.4-4.1 1.4H0c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4C15 4.3 15.6 3.7 16 3z" fill="#FFFFFF"/>
                            </svg>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="screen-reader-text">Google</span>
                            <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
                                <path d="M7.9 7v2.4H12c-.2 1-1.2 3-4 3-2.4 0-4.3-2-4.3-4.4 0-2.4 2-4.4 4.3-4.4 1.4 0 2.3.6 2.8 1.1l1.9-1.8C11.5 1.7 9.9 1 8 1 4.1 1 1 4.1 1 8s3.1 7 7 7c4 0 6.7-2.8 6.7-6.8 0-.5 0-.8-.1-1.2H7.9z" fill="#FFFFFF"/>
                            </svg>
                        </a>
                    </li>
                </ul-->
            </div>
        </div>
    </footer>
</div>

<script src="static/js/main.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script type="text/javascript" src="static/js/warpspeed.min.js"></script>
<script>
    new WarpSpeed(
        "canvas", {
            "speed": 2,
            "speedAdjFactor": 0,
            "density": 1.5,
            "shape": "square",
            "warpEffect": true,
            "warpEffectLength": 10,
            "depthFade": true,
            "starSize": 3,
            "backgroundColor": "hsl(263,45%,7%)",
            "starColor": "#eee"
        }
    );
</script>
</body>
</html>
